<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>商品列表</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/shop.css">
    <style>
    	body{
    		
    	}
    </style>
    <style>
		.am-bg-gray {
		    background-color: #eee;
		    height: 49px;
		}

	    
	    /*子类样式*/
	    .am-menu-default .am-menu-sub>li>a {color:white;}
	    .am-menu-default .am-menu-sub>li{border-top: 1px solid rgba(0,0,0,.3);}
	    

	</style>
	
    <script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="js/productlist.js"></script>
	
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" >
	<div onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1 id="title"></h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">
      
   </div>
</div>


<div class="am-g am-topbar-fixed-top" style="margin-top:50px;">
	<div class="am-panel am-panel-default">
		<div class="am-panel-bd am-padding-sm am-bg-gray">
			<ul class="am-avg-sm-3 am-text-center sortul">
				<li style="margin-top:-4px;" onclick="clickChilds();">
					<nav data-am-widget="menu" class="am-menu  am-menu-default am-no-layout">
					  <a href="javascript: void(0)" class="am-menu-toggle">
					    <i class="am-menu-toggle-icon am-icon-bars"></i>
					  </a>
					  <ul class="am-menu-nav" style="padding:0px">
					                     <!--am-open  打开-->
					    <li class="am-parent" id="mulu">
					     <a style="color:#666">
					     <i class="am-icon-list" style="color:#666"></i>
						 目录
						 </a>
						                                <!--am-in-->
					     <ul class="am-menu-sub am-collapse" id="childs_ul" style="margin-top:6px;opacity:0.9;background:#333">
				       	  	  <!--<li class="">
					            <a href="#" onclick="loadDate('0','家庭服务');" class="">家庭服务</a>
					          </li>
				       	  
				       	  	  <li class="">
					            <a href="#" onclick="loadDate('0','家务套餐');" class="">家务套餐</a>
					          </li>-->
					      </ul>
					      
					    </li>
					  </ul>
					</nav>
				</li>
				
				
				<li onclick="clickSale();">
					<input type="hidden" id="xlsort" value="desc">
						销量
						<i id="i1" class="am-icon-angle-down"></i>
				</li>
				<li onclick="clickPrice();">
					<input type="hidden" id="sjsort" value="desc">
						售价
						<i id="i2" class="am-icon-angle-down"></i>
				</li>
			</ul>
		</div>
	</div>
</div>



<div style="margin-top:101px;overflow: hidden" id="productList">
   
<!--   <div class="am-u-sm-12" style="border-bottom:1px solid #eaedf1;padding:0px 10px;height:85px">
       <table  border="0" width="100%" style="margin-top:8px;table-layout:fixed;">
          <tr>
            <td rowspan="3" valign="middle" style="width:70px;">
               <img src="http://www.72gs.net/upload/product/20150717170002.jpg"  style="width:70px;height:70px;"/>
            </td>
            <td rowspan="2" colspan="2" width="60%"  style="word-break:break-all;font-size:14px"  valign="top">
               dsfdsddddddddddddddddddddddddddddddddddddddddd
            </td>
          </tr>
          
          <tr></tr>
          <tr style="color:#f40">
            <td valign="bottom">￥100.00</td>
            <td align="right">
              <img src="images/addcart.png" style="width:23px"/>
            </td>
          </tr>
          
       </table>
   
   </div>-->
   
   

</div>




	
</body>

</html>